<!DOCTYPE html>
<html lang="en">
    <head>
        <title>ETCP</title>
        <link rel="stylesheet" href="css/etcp.css">
        <meta charset="utf-8" /> 
    </head>
    <body>
        <header minw>
            <div class="wauto header-cen">
                <div class="header-left">
                    <img src="img/logo.png" alt="">
                </div>
                <div class="header-right">
                    <ul>    
                        <li>首页</li>
                        <li>车主</li>
                        <li style="color: #1b82e2;">停车场</li>
                        <li>企业合作</li>
                        <li>社会责任</li>
                        <li>关于我们</li>
                    </ul>
                </div>
            </div>
        </header>
        <div class="head">
            <div class="head-pic" id="hpic">
                <div class="head-pic-one">
                    <div>
                        <h1>卓越品质　专业才会安心</h1>
                        <h3>SUPERIOR QUALITY BRINGS PLEASURE</h3>
                    </div>
                </div>
                <div class="head-pic-two">
                    <div>
                        <h1>ETCP 无人收费解决方案</h1>
                        <h3>INTERNET + SMART PARKING SOLUTIONS</h3>
                    </div>
                </div>
                <div class="head-pic-one">
                    <div>
                        <h1>卓越品质　专业才会安心</h1>
                        <h3>SUPERIOR QUALITY BRINGS PLEASURE</h3>
                    </div>
                </div>
            </div>
            <div class="head-span" id="hspan">
                <span></span>
                <span></span>
            </div>
        </div>

        <!-- 先写后面的 -->
        <ul class="main-head-ul" id="cm">
            <li class="active">车场首页</li>
            <li>案例中心</li>
        </ul>
        <main>

            <div class="main-li-one" style="display: block;" id="first">
                <div class="one-up">
                    <img src="img/4.jpg" alt="">
                </div>
                <div class="one-mid">
                    <div class="one-mid-pic">
                        <img src="img/4.png" alt="">
                        <img src="img/5.png" alt="">
                        <img src="img/6.png" alt="">
                        <img src="img/7.png" alt="">
                        <img src="img/8.png" alt="">
                        <img src="img/4.png" alt="">
                    </div>
                </div>
                <div class="one-a">
                    <div class="b">
                        <h2>硬件产品解决方案</h2>
                        <h3>HARDWARE SOLUTION</h3>
                        <span></span>
                    </div>
                    <div class="c">
                        <div><img src="img/10.jpg" alt=""></div>   
                    </div>
                </div>
                <div class="one-a">
                        <div class="b">
                            <h2>软件产品解决方案</h2>
                            <h3>SOFTWARE SOLUTION</h3>
                            <span></span>
                        </div>
                        <div class="d">
                            <div><img src="img/11.jpg" alt=""></div>  
                        </div>
                    </div>
                    <div class="one-b">
                        <div class="b">
                            <h2>优势对比</h2>
                            <h3>ADVANTAGES COMPARISON</h3>
                            <span></span>
                        </div>
                        <div class="e">
                            <div><img src="img/13.jpg" alt=""></div>
                        </div>
                    </div>
                    <div class="one-a">
                        <div class="b">
                            <h2>他们都在使用</h2>
                            <h3>THEY ARE USING</h3>
                            <span></span>
                        </div>
                        <div class="f">
                            <a href="#">
                                <div>
                                    <img src="img/14.jpg" alt="">
                                    <div class="fop">
                                        <span>商业综合体</span>
                                    </div>
                                </div>
                            </a>
                            <a href="#">
                                <div>
                                    <img src="img/15.jpg" alt="">
                                    <div class="fop">
                                        <span>医&nbsp;&nbsp;院</span>
                                    </div>
                                </div>
                            </a>
                            <a href="#">
                                <div>
                                    <img src="img/16.jpg" alt="">
                                    <div class="fop">
                                        <span>写字楼</span>
                                    </div>
                                </div>
                            </a>
                            <a href="#">
                                <div>
                                    <img src="img/17.jpg" alt="">
                                    <div class="fop">
                                        <span>商&nbsp;&nbsp;超</span>
                                    </div>
                                </div>
                            </a>
                            <a href="#">
                                <div>
                                    <img src="img/18.jpg" alt="">
                                    <div class="fop">
                                        <span>酒&nbsp;&nbsp;店</span>
                                    </div>
                                </div>
                            </a>
                            <a href="#">
                                <div>
                                    <img src="img/19.jpg" alt="">
                                    <div class="fop">
                                        <span>小&nbsp;&nbsp;区</span>
                                    </div>
                                </div>
                            </a>
                            <a href="#">
                                <div>
                                    <img src="img/20.jpg" alt="">
                                    <div class="fop">
                                        <span>社会公共</span>
                                    </div>
                                </div>
                            </a>
                            <a href="#">
                                <div>
                                    <img src="img/21.jpg" alt="">
                                    <div class="fop">
                                        <span>万达广场</span>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
            </div>

            <div class="main-li-two" id="last" >
                <div class="main-two-up" id="lone">
                    <div class="eat">商业综合体</div>
                    <div>医院</div>
                    <div>写字楼</div>
                    <div>商超</div>
                    <div>酒店</div>
                    <div>小区</div>
                    <div>社会公共</div>
                    <div>万达广场</div>
                </div>
                <div class="main-two-cen" id="ltwo">

                    <div style="display: block;" id="gguu">
                        <ul class="gg">
                            <li>
                                <img src="img/32.jpg" alt="">
                                <a href="#">北京-港旅大厦</a>
                            </li>
                            <li>
                                <img src="img/33.jpg" alt="">
                                <a href="#">北京--望京国际商业中心</a>
                            </li>
                            <li>
                                <img src="img/34.jpg" alt="">
                                <a href="#">北京--中粮万科半岛广场</a>
                            </li>
                            <li>
                                <img src="img/35.jpg" alt="">
                                <a href="#">成都--仁和春天</a>
                            </li>
                            <li>
                                <img src="img/36.jpg" alt="">
                                <a href="#">广州--富力海珠城</a>
                            </li>
                            <li>
                                <img src="img/37.png" alt="">
                                <a href="#">上海--百联杨浦滨江购物中心</a>
                            </li>
                            <li>
                                <img src="img/38.png" alt="">
                                <a href="#">上海--星游城</a>
                            </li>
                            <li>
                                <img src="img/39.jpg" alt="">
                                <a href="#">苏州--繁花中心</a>
                            </li>
                        </ul>
                        <ul class="gg" style="display: none;">
                            <li>
                                <img src="img/40.jpg" alt="">
                                <a href="#">重庆--SM广场</a>
                            </li>
                            <li>
                                <img src="img/41.jpg" alt="">
                                <a href="#">重庆--城南未来二期</a>
                            </li>
                                <li><img src="img/42.jpg" alt="">
                                <a href="#">重庆--沙南街停车库</a>
                            </li>
                        </ul>
                        <p class="hh" id = "gghh">
                            <b>&lt;</b>
                            <span class="gghhs">1</span>
                            <span>2</span>
                            <b>&gt;</b>
                        </p>
                    </div>

                    <div id="ggbb">
                        <ul class="gg">
                            <li>
                                <img src="img/43.jpg" alt="">
                                <a href="#">北京--海军总医院</a>
                            </li>
                            <li>
                                <img src="img/43.jpg" alt="">
                                <a href="#">北京--海军总医院</a>
                            </li>
                            <li>
                                <img src="img/43.jpg" alt="">
                                <a href="#">北京--海军总医院</a>
                            </li>
                            <li>
                                <img src="img/43.jpg" alt="">
                                <a href="#">北京--海军总医院</a>
                            </li>
                            <li>
                                <img src="img/43.jpg" alt="">
                                <a href="#">北京--海军总医院</a>
                            </li>
                            <li>
                                <img src="img/43.jpg" alt="">
                                <a href="#">北京--海军总医院</a>
                            </li>
                            <li>
                                <img src="img/43.jpg" alt="">
                                <a href="#">北京--海军总医院</a>
                            </li>
                            <li>
                                <img src="img/43.jpg" alt="">
                                <a href="#">北京--海军总医院</a>
                            </li>
                        </ul>
                        <ul class="gg"  style="display: none;">
                            <li>
                                <img src="img/44.jpg" alt="">
                                <a href="#">重庆--大坪医院</a>
                            </li>
                        </ul>
                        <p class="hh" id="ggaa">
                            <b>&lt;</b>
                            <span class="gghhs">1</span>
                            <span>2</span>
                            <b>&gt;</b>
                        </p>
                    </div>

                    <div>
                        <ul class="gg">
                            <li>
                                <img src="img/45.png" alt="">
                                <a href="#">上海--碧玉蓝天大厦</a>
                            </li>
                            <li>
                                <img src="img/45.png" alt="">
                                <a href="#">上海--银行大厦</a>
                            </li>
                            <li>
                                <img src="img/45.png" alt="">
                                <a href="#">重庆--长江国际</a>
                            </li>
                        </ul>
                        <p class="hh"></p>
                    </div>

                    <div>
                        <ul class="gg">
                            <li>
                                <img src="img/46.jpg" alt="">
                                <a href="#">北京--金源时代</a>
                            </li>
                            <li>
                                <img src="img/46.jpg" alt="">
                                <a href="#">北京--金源时代</a>
                            </li>
                            <li>
                                <img src="img/46.jpg" alt="">
                                <a href="#">北京--金源时代</a>
                            </li>
                            <li>
                                <img src="img/46.jpg" alt="">
                                <a href="#">北京--金源时代</a>
                            </li>
                        </ul>
                        <p class="hh"></p>
                    </div>

                    <div>
                        <ul class="gg">
                            <li>
                                <img src="img/47.jpg" alt="">
                                <a href="#">北京--丽都饭店</a>
                            </li>
                            <li>
                                <img src="img/47.jpg" alt="">
                                <a href="#">北京--丽都饭店</a>
                            </li>
                            <li>
                                <img src="img/47.jpg" alt="">
                                <a href="#">北京--丽都饭店</a>
                            </li>
                            <li>
                                <img src="img/47.jpg" alt="">
                                <a href="#">北京--丽都饭店</a>
                            </li>
                            <li>
                                <img src="img/47.jpg" alt="">
                                <a href="#">北京--丽都饭店</a>
                            </li>
                            <li>
                                <img src="img/47.jpg" alt="">
                                <a href="#">北京--丽都饭店</a>
                            </li>
                        </ul>
                        <p class="hh"></p>
                    </div>

                    <div>
                        <ul class="gg">
                            <li>
                                <img src="img/48.jpg" alt="">
                                <a href="#">北京--畅柳园</a>
                            </li>
                            <li>
                                <img src="img/48.jpg" alt="">
                                <a href="#">北京--畅柳园</a>
                            </li>
                            <li>
                                <img src="img/48.jpg" alt="">
                                <a href="#">北京--畅柳园</a>
                            </li>
                            <li>
                                <img src="img/48.jpg" alt="">
                                <a href="#">北京--畅柳园</a>
                            </li>
                        </ul>
                        <p class="hh"></p>
                    </div>

                    <div>
                        <ul class="gg">
                            <li>
                                <img src="img/49.jpg" alt="">
                                <a href="#">北京--火车站</a>
                            </li>
                            <li>
                                <img src="img/49.jpg" alt="">
                                <a href="#">北京--火车站</a>
                            </li>
                            <li>
                                <img src="img/49.jpg" alt="">
                                <a href="#">北京--火车站</a>
                            </li>
                            <li>
                                <img src="img/49.jpg" alt="">
                                <a href="#">北京--火车站</a>
                            </li>
                            <li>
                                <img src="img/49.jpg" alt="">
                                <a href="#">北京--火车站</a>
                            </li>
                        </ul>
                        <p class="hh"></p>
                    </div>
                    <div>
                        <ul class="gg">
                            <li>
                                <img src="img/50.jpg" alt="">
                                <a href="#">安徽--蚌埠万达广场</a>
                            </li>
                            <li>
                                <img src="img/50.jpg" alt="">
                                <a href="#">安徽--蚌埠万达广场</a>
                            </li>
                            <li>
                                <img src="img/50.jpg" alt="">
                                <a href="#">安徽--蚌埠万达广场</a>
                            </li>
                            <li>
                                <img src="img/50.jpg" alt="">
                                <a href="#">安徽--蚌埠万达广场</a>
                            </li>
                            <li>
                                <img src="img/50.jpg" alt="">
                                <a href="#">安徽--蚌埠万达广场</a>
                            </li>
                            <li>
                                <img src="img/50.jpg" alt="">
                                <a href="#">安徽--蚌埠万达广场</a>
                            </li>
                            <li>
                                <img src="img/50.jpg" alt="">
                                <a href="#">安徽--蚌埠万达广场</a>
                            </li>
                            <li>
                                <img src="img/50.jpg" alt="">
                                <a href="#">安徽--蚌埠万达广场</a>
                            </li>
                        </ul>
                        <!-- 万达广场后面还有15页 -->
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <ul></ul>
                        <p class="hh">
                                <b>&lt;</b>
                                <span style="background-color: #428bca;border: 1px solid #428bca;">1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>4</span>
                                <span>5</span>
                                <span>6</span>
                                <span>7</span>
                                <span>8</span>
                                <span>9</span>
                                <span>10</span>
                                <b>&gt;</b>
                            </p>
                    </div>
                </div>

            </div>
        </main>






        <footer>
            <div class="footer-up">
                <div class="b">
                    <h2>硬件产品解决方案</h2>
                    <h3>HARDWARE SOLUTION</h3>
                    <span></span>
                </div>
                <div style="height: 40px;"></div>
                <img src="img/f1.jpg" alt="">
                <div class="from">
                    <ul>
                        <li>
                            <span>我的城市</span>
                            <select name="" id="" class="city1">
                                <option value="110000">北京</option>
                                <option value="120000">天津</option>
                                <option value="130000">河北</option>
                                <option value="140000">山西</option>
                                <option value="158000"> 内蒙古</option>
                                <option value=" 210000">辽宇</option>
                                <option value="22000">吉林</option>
                                <option value="230000">黒尨江</option>
                                <option value=" 310000">上海</option>
                                <option value="320000">江芬</option>
                                <option value="330000">浙江</option>
                                <option value="340000">安徽</option>
                                <option value="350000">福建</option>
                                <option value="360000">江西</option>
                                <option value="378000">山末</option>
                                <option value="419000">河南</option>
                                <option value="420000">湖北</option>
                                <option value="430000">湖南</option>
                                <option value="440000">广奈</option>
                                <option value="450000">广西</option>
                                <option value="460000">海南</option>
                                <option value="500000"> 重床</option>
                                <option value="519000">四川</option>
                                <option value=" 520000">冑州</option>
                                <option value="530000">云南</option>
                                <option value="540000"> 西藏</option>
                                <option value=" 610000">陝西</option>
                                <option value=" 520000">甘粛</option>
                                <option value="630000">青海</option>
                                <option value=" 640000">宇夏</option>
                                <option value=" 650000">新疆</option>
                                <option value="710000"> 台湾</option>
                                <option value="810000">香港</option>
                                <option value="82000">澳i ]</option>
                            </select>
                            <select name="" id="">
                                <option value="110000">北京</option>
                            </select>
                        </li>
                        <li>
                            <span>车场名称</span>
                            <input type="text" name="" placeholder="车场名称(必填)">
                        </li>
                        <li>
                            <span>车位数量</span>
                            <input type="number" name="" placeholder="车位数量">
                        </li>
                        <li>
                            <span>联系人</span>
                            <input type="text" name="" placeholder="联系人">
                        </li>
                        <li>
                            <span>联系电话</span>
                            <input type="text" name="" placeholder="联系电话(必填)">
                        </li>
                        <li>
                            <span>邮箱</span>
                            <input type="text" name="" placeholder="邮箱">
                        </li>
                        <li>
                            <span>地址</span>
                            <input type="text" name="" placeholder="地址">
                        </li>
                    </ul>
                </div>
                <div class="button">
                    马上加盟
                </div>
            </div>
        </footer>

        <div class="foot">
            <div class="foot-up">
                <span></span>
                <a href="#">&nbsp;&gt;&nbsp;案例中心</a>
            </div>
            <div class="line"></div>
            <div class="foot-mid">
                <dl>    
                    <dt>ETCP产品</dt>
                    <dd>车主应用</dd>
                    <dd>车场平台</dd>
                    <dd>案例中心</dd>
                </dl>
                <dl>   
                    <dt>企业合作</dt>
                    <dd>解决方案</dd>
                    <dd>开放平台</dd>
                    <dd>企业版</dd>
                </dl>
                <dl>
                    <dt>社会责任</dt>
                    <dd>社会责任</dd>
                </dl>
                <dl>
                    <dt>新闻中心</dt>
                    <dd>行业动态</dd>
                    <dd>媒体报道</dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd>企业介绍</dd>
                    <dd>发展历程</dd>
                    <dd>企业文化</dd>
                    <dd>企业实力</dd>
                    <dd>加入我们</dd>
                    <dd>联系我们</dd>
                </dl>
                <dl>
                    <dt>联系我们</dt>
                    <dd>400-0000-688</dd>
                    <dd>13520159108</dd>
                    <dd>0001@etcp.cn</dd>
                </dl>
                <dl>
                    <dt>官方媒体</dt>
                    <dd class="wxx"></dd>
                    <dd class="wbb"></dd>
                </dl>
            </div>
            <div class="lines"></div>
            <div class="foot-cen">
                <p>友情链接：</p>
                <div>
                    <a href="#"><img src="img/25.png" alt=""></a>
                    <a href="#"><img src="img/26.png" alt=""></a>
                    <a href="#"><img src="img/27.png" alt=""></a>
                    <a href="#"><img src="img/28.png" alt=""></a>
                    <a href="#"><img src="img/29.png" alt=""></a>
                    <a href="#"><img src="img/30.png" alt=""></a>
                    <a href="#"><img src="img/31.png" alt=""></a>   
                </div>
            </div>
            <div class="foot-down">      
                <span>© 2017 Copyright 北京悦畅科技有限公司 版权所有 增值电信业务经营许可证编号：京B2-20170849</span>
                <img src="img/32.png" alt="">
                <span>京公网安备 11010502034937</span>
            </div>
        </div>

    </body>
    <script type="text/javascript" src="etcp.js"></script>
</html>